<!doctype html>
<html>
<head>
    <title>DJSON</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link type="text/css" href="css/popup.css" rel="stylesheet" />
    <link type="text/css" href="css/ant.css" rel="stylesheet" />
    <link type="text/css" href="css/ant.chunk.css" rel="stylesheet" />
    <link type="text/css" href="css/umi.css" rel="stylesheet" />
    <link type="text/css" href="css/chunk.css" rel="stylesheet" />
    <script type="text/javascript" src="js/lib/jquery-1.7.2.min.js" type="text/javascript" ></script>
    <script type="text/javascript" src="js/lib/cryptojs/components/core-min.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/components/enc-base64-min.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/components/enc-utf16-min.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/rollups/md5.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/rollups/sha1.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/rollups/sha224.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/rollups/sha256.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/rollups/sha384.js"></script>
    <script type="text/javascript" src="js/lib/cryptojs/rollups/sha512.js"></script>
    <script type="text/javascript" src="js/lib/snov/numbers.js"></script>
    <script type="text/javascript" src="js/lib/snov/romanconverter.js"></script>
    <script type="text/javascript" src="js/jsonlint.js"></script>
    <script type="text/javascript" src="js/hasher.js"></script>
    <script type="text/javascript" src="js/popup.js"></script>
    <script type="text/javascript" src="js/background.js"></script>
</head>
<body>
    <div id="info" class="ant-dropdown-trigger antd-pro-components-global-header-index-action antd-pro-components-global-header-index-account">
        <span style="border-right: 1px solid #ccc; margin-left: 5px; margin-right: 5px;">
        </span>
        <img id="button-popout" class="buttons-2" src="images/popout.png" width="16" height="16" title="Open in new tab" alt="" />
    </div>

  

    
    <div role="tabpanel" aria-hidden="false" class="ant-tabs-tabpane ant-tabs-tabpane-active">
        <div class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-no-animation">
            <div role="tablist" class="ant-tabs-bar ant-tabs-top-bar ant-tabs-card-bar"
            tabindex="0">
                <div class="ant-tabs-nav-container">
                    <div class="">
                        <div class="ant-tabs-nav-scroll">
                            <div class="ant-tabs-nav ant-tabs-nav-animated">
                                <div id="tabs" class="ant-page-header-heading-extra">
                                    <div id="json" role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
                                        Json
                                    </div>
                                    <div id="hash" role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
                                        Hash
                                    </div>
                                    <div id="encode" role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
                                        Encode
                                    </div>
                                    <div id="time" role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
                                        Time
                                    </div>
                                    <div id="number" role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
                                        Num
                                    </div>
                                    <div id="string" role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">
                                        Strings
                                    </div>
                                </div>
                                <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px, 0px, 0px); width: 70px;">
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                
            </div>
            <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;">
            </div>
    
        </div>
        
    </div>


    <!-- input -->
    <div id="input" class="">
        <div class="title">
            Input:
        </div>
        <textarea id="input-value" style="min-width: 200px; min-height: 100px;" autofocus></textarea>
        <div class="containerDiv">
            
            <div>
                <button id="callBeautify" class="ant-btn ant-btn-primary">美化 JSON</button>
                <button id="callMinify" class="ant-btn ant-btn-primary">压缩 JSON</button>
                <button id="callView" class="ant-btn ant-btn-primary">Json高亮页</button>
            </div>
        
            <div class="infoDiv">
                <label id="infoArea" class="textFormat">Paste the JSON in the textarea</label>
            </div>
        </div>
    </div>

    <!-- output -->
    <div id="output">
    </div>
</body>
</html>